/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      能耗      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.EnergyOverview {
  padding: 5% 1% 0.2%;
  box-sizing: border-box;
  background: url("~@screen/assets/img/bg.jpg") center no-repeat;
  background-size: 100% 100%;

  /* ============================== 遮罩层 ============================== */
  &::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(1, 6, 21, 0.9);
  }

  /* ============================== 顶部 ============================== */
  &-top {
    z-index: 10;
    height: 22%;
  }

  /* ============================== 中部 ============================== */
  &-middle {
    z-index: 10;
    height: 36%;
  }

  /* ============================== 底部 ============================== */
  &-bottom {
    z-index: 10;
    height: 42%;
  }

  /* ============================== 图片 ============================== */
  img {
    user-select: none;
    pointer-events: none;
  }

  /* ============================== 卡片 ============================== */
  .CoreWeb-EasyCard {
    box-shadow: none;

    /* —————————————————————————————— 标题 —————————————————————————————— */
    &-panel-title {
      margin-bottom: 0.22rem;

      /* ------------------------------ 文字和参数 ------------------------------ */
      > div {
        position: relative;

        > div {
          position: absolute;
          top: 0;
          right: 0;
        }
      }
    }

    /* —————————————————————————————— 页脚 —————————————————————————————— */
    &-panel-footer {
      padding-top: 0;
    }
  }
}
